import { Suspense } from 'react';
import ReactDOM from 'react-dom/client';
import { client, queryClient, rspc } from '@fill/client';

import 'antd/dist/reset.css';
import './assets/scss/app.scss';

import App from './components/app/App';
import { FillContextProvider } from './components/app/Fill';

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  // <React.StrictMode>
    <rspc.Provider client={client} queryClient={queryClient}>
      <FillContextProvider>
        <Suspense>
          <App />
        </Suspense>
      </FillContextProvider>
    </rspc.Provider>,

  // </React.StrictMode>,
);
